<!-- 主页面 -->
<div class="bg-light lter wrapper-md ng-scope">
  <h1 class="m-n font-thin h3" translate="role.list"></h1>
</div>
<div class="wrapper-md" ng-controller="RoleCtrl">
    <div class="row">
       <div class="col-sm-12 m-b-sm">
           <div class="b-b m-b-sm"></div>
           <div class="form-inline search-row">
                <select class="form-control inline input-sm" style="width:150px;" 
                        name="searchType" ng-model="vm.query.searchType">
                <option value="name" translate="role.name"></option>
                </select>
                <input type="search" class="form-control inline input-sm" name="keyword" 
                        style="width: 180px;" ng-model="vm.query.keyword"
                        placeholder="{{'common.keyword' | translate}}">
                <button class="btn btn-sm btn-primary" ng-click="vm.search()">
                   <i class="fa fa-search"></i> {{'common.search'|translate}}
                </button>
                <button class="btn btn-sm btn-default" ng-click="vm.reset()">
                	<i class="fa fa-refresh"></i> {{'common.reset' | translate}}
                </button>
                <button iss-permission="B_ROLE_ADD" class="btn btn-sm btn-primary" id="addRoleBtn" ng-click="vm.addRole()">
	             	<i class="fa fa-plus"></i>
	             	<span translate="common.add"></span>
              	</button>
           </div>
       </div>
       <div class="col-sm-12">
            <table id="flexiGridRoleId" iss-flexigrid="vm.options" flexigrid-control="vm.roleFlexigridObj"></table>
       </div>
    </div>
</div>